<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>新闻中心首页_新闻网</title>
    <script th:src="@{/layui/layui.js}"></script>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <script th:src="@{/layui/layui.all.js}"></script>
    <link rel="stylesheet" th:href="@{/css/mycss.css}" media="all">
</head>
<body>
<div>
    <ul class="layui-nav " style="height: 60px;background-color:#f7f7f7;">
        <li class="layui-nav-item m-margin-left-mini m-text-color">新闻首页</li>
        <li class="layui-nav-item m-margin-left-mini"><input type="text" class="layui-input" id="test1" placeholder="当前日期"></li>
        <li class="layui-nav-item m-margin-left-hug">
         <a th:href="@{/sys/login}" target="_blank" class="m-text-color" th:if="${session.admin == null&& session.user==null}"><span>登录/注册</span></a>
         <a  target="_blank" class="m-text-color" th:if="${session.admin != null&& session.user==null}"><span th:text="${session.admin.getUsername()}">管理员</span>
            <dl class="layui-nav-child">
                <dd><a th:href="@{/sys/admin}" target="_blank" class="m-text-color">查看主页</a></dd>
                <dd><a th:href="@{/sys/adminLogout}" class="m-text-color">退出</a></dd>
            </dl>
         </a>
            <a target="_blank" class="m-text-color" th:if="${session.admin == null&& session.user!=null}"><span th:text="${session.user.getUsername()}">用户</span>
                <dl class="layui-nav-child">
                    <dd><a href="http://175.24.57.101:8081/" target="_blank" class="m-text-color">查看主页</a></dd>
                    <dd><a th:href="@{/sys/adminLogout}" class="m-text-color">退出</a></dd>
                </dl>
            </a>
        </li>
    </ul>
</div>

    <div class="layui-row container">
        <div class="layui-nav layui-col-md3 m-bg-nav">
            <ul>
                <li class="layui-nav-item "><a href="http://news.sina.com.cn/" target="_blank" class="m-text-color"><b>新闻</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://mil.news.sina.com.cn/" target="_blank" class="m-text-color">军事</a>
                </li>
                <li class="layui-nav-item "><a href="https://news.sina.com.cn/china/" target="_blank"
                                               class="m-text-color">国内</a></li>
                <li class="layui-nav-item "><a href="http://news.sina.com.cn/world/" target="_blank"
                                               class="m-text-color">国际</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://finance.sina.com.cn/" target="_blank"
                                               class="m-text-color"><b>财经</b></a></li>
                <li class="layui-nav-item "><a href="http://finance.sina.com.cn/stock/" target="_blank"
                                               class="m-text-color">股票</a></li>
                <li class="layui-nav-item "><a href="http://finance.sina.com.cn/fund/" target="_blank"
                                               class="m-text-color">基金</a></li>
                <li class="layui-nav-item "><a href="http://finance.sina.com.cn/forex/" target="_blank"
                                               class="m-text-color">外汇</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://tech.sina.com.cn/" target="_blank" class="m-text-color"><b>科技</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://mobile.sina.com.cn/" target="_blank"
                                               class="m-text-color">手机</a></li>
                <li class="layui-nav-item "><a href="http://tech.sina.com.cn/discovery/" target="_blank"
                                               class="m-text-color">探索</a></li>
                <li class="layui-nav-item "><a href="http://zhongce.sina.com.cn/" target="_blank" class="m-text-color">众测</a>
                </li>
            </ul>
        </div>
        <div class="layui-nav  layui-col-md3 m-bg-nav">
            <ul>
                <li class="layui-nav-item "><a href="http://sports.sina.com.cn/" target="_blank"
                                               class="m-text-color"><b>体育</b></a></li>
                <li class="layui-nav-item "><a href="http://sports.sina.com.cn/nba/" target="_blank"
                                               class="m-text-color">NBA</a></li>
                <li class="layui-nav-item "><a href="http://sports.sina.com.cn/g/premierleague/" target="_blank"
                                               class="m-text-color">英超</a></li>
                <li class="layui-nav-item "><a href="http://sports.sina.com.cn/csl/" target="_blank"
                                               class="m-text-color">中超</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://ent.sina.com.cn/" target="_blank"
                                               class="m-text-color"><b>娱乐</b></a></li>
                <li class="layui-nav-item "><a href="http://ent.sina.com.cn/star/" target="_blank" class="m-text-color">明星</a>
                </li>
                <li class="layui-nav-item "><a href="http://ent.sina.com.cn/film/" target="_blank" class="m-text-color">电影</a>
                </li>
                <li class="layui-nav-item "><a href="http://astro.sina.com.cn/" target="_blank"
                                               class="m-text-color">星座</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://auto.sina.com.cn/" target="_blank" class="m-text-color"><b>汽车</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://dealer.auto.sina.com.cn/price/" target="_blank"
                                               class="m-text-color">报价</a></li>
                <li class="layui-nav-item "><a href="http://db.auto.sina.com.cn/" target="_blank" class="m-text-color">买车</a>
                </li>
                <li class="layui-nav-item "><a href="http://auto.sina.com.cn/newcar/index.d.html" target="_blank"
                                               class="m-text-color">新车</a></li>
            </ul>
        </div>
        <div class="layui-nav  layui-col-md3 m-bg-nav">
            <ul>
                <li class="layui-nav-item "><a href="http://blog.sina.com.cn/" target="_blank" class="m-text-color"><b>博客</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://finance.sina.com.cn/zl/" target="_blank"
                                               class="m-text-color">专栏</a></li>
                <li class="layui-nav-item "><a href="http://blog.sina.com.cn/lm/history" target="_blank"
                                               class="m-text-color">历史</a></li>
                <li class="layui-nav-item "><a href="http://weather.sina.com.cn/" target="_blank" class="m-text-color">天气</a>
                </li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://video.sina.com.cn/" target="_blank" class="m-text-color"><b>视频</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://ent.sina.com.cn/zongyi/" target="_blank"
                                               class="m-text-color">综艺</a></li>
                <li class="layui-nav-item "><a href="http://vr.sina.com.cn/" target="_blank" class="m-text-color">VR</a>
                </li>
                <li class="layui-nav-item "><a href="http://video.sina.com.cn/l/pub" target="_blank"
                                               class="m-text-color">直播</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://www.leju.com/#source=pc_sina_tydh1&source_ext=pc_sina"
                                               target="_blank" class="m-text-color"><b>房产</b></a></li>
                <li class="layui-nav-item "><a href="http://esf.leju.com/?bi=tg&type=sina-pc&pos=index-dh"
                                               target="_blank" class="m-text-color">旧房</a></li>
                <li class="layui-nav-item "><a href="http://jiaju.sina.com.cn/" target="_blank"
                                               class="m-text-color">家居</a></li>
                <li class="layui-nav-item "><a href="http://collection.sina.com.cn/" target="_blank"
                                               class="m-text-color">收藏</a></li>
            </ul>
        </div>
        <div class="layui-nav  layui-col-md3 m-bg-nav">
            <ul>
                <li class="layui-nav-item "><a href="http://fashion.sina.com.cn/" target="_blank"
                                               class="m-text-color"><b>时尚</b></a></li>
                <li class="layui-nav-item "><a href="http://eladies.sina.com.cn/" target="_blank" class="m-text-color">女性</a>
                </li>
                <li class="layui-nav-item "><a href="http://med.sina.com/" target="_blank" class="m-text-color">医药</a>
                </li>
                <li class="layui-nav-item "><a href="http://baby.sina.com.cn/" target="_blank"
                                               class="m-text-color">育儿</a></li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://edu.sina.com.cn/" target="_blank"
                                               class="m-text-color"><b>教育</b></a></li>
                <li class="layui-nav-item "><a href="http://edu.sina.com.cn/gaokao" target="_blank"
                                               class="m-text-color">高考</a></li>
                <li class="layui-nav-item "><a href="http://gongyi.sina.com.cn/" target="_blank"
                                               class="m-text-color">公益</a></li>
                <li class="layui-nav-item "><a href="http://fo.sina.com.cn/" target="_blank" class="m-text-color">佛学</a>
                </li>
            </ul>
            <ul>
                <li class="layui-nav-item "><a href="http://photo.sina.com.cn/" target="_blank" class="m-text-color"><b>图片</b></a>
                </li>
                <li class="layui-nav-item "><a href="http://book.sina.com.cn/" target="_blank"
                                               class="m-text-color">读书</a></li>
                <li class="layui-nav-item "><a href="http://tousu.sina.com.cn/" target="_blank"
                                               class="m-text-color">黑猫</a></li>
                <li class="layui-nav-item "><a href="http://sifa.sina.com.cn/" target="_blank"
                                               class="m-text-color">司法</a></li>
            </ul>
        </div>
    </div>


    <div id="line" class="container">
        <div class="content">
            <ul>
                <li><a href="http://news.sina.com.cn/roll/">滚动</a></li>
                <li><a href="http://news.sina.com.cn/hotnews/">排行</a></li>
                <li><a href="http://news.sina.com.cn/gov/">政务</a></li>
                <li><a href="http://news.sina.com.cn/china/">国内</a></li>
                <li><a href="http://news.sina.com.cn/world/">国际</a></li>
                <li><a href="http://mil.news.sina.com.cn/">军事</a></li>
                <li><a href="http://cul.news.sina.com.cn/">文化</a></li>
                <li><a href="http://photo.sina.com.cn/">图片</a></li>
                <li><a href="http://sports.sina.com.cn/">体育</a></li>
                <li><a href="http://ent.sina.com.cn/">娱乐</a></li>
                <li><a href="http://tech.sina.com.cn/">财经</a></li>
                <li><a href="http://news.sina.com.cn/zt/">专题</a></li>
            </ul>
        </div>
    </div>
    <div class="container">
        <div class="layui-tab layui-tab-card layui-col-md4">
            <hr style="height: 5px;background-color: black;margin-top: -1px;">
            <ul class="layui-tab-title">
                <li class="layui-this" th:text="${focusheadfirst.get(0).getFocusHead()}"></p></li>
                <li th:text="${focusheadsecond.get(0).getFocusHead()}"></li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <ul>
                        <li><img th:src="${focusnewsfirst.get(0).getTitleImg()}" width="350" height="236"></li>
                        <li>
                            <div style="border: 3px solid black;background-color: #333333">
                                <a th:href="${focusnewsfirst.get(0).getTitleHref()}" target="_blank"
                                   style="font-size: 16px;color:white; text-align: center">
                                    <p th:text="${focusnewsfirst.get(0).getTitle()}">

                                    </p>
                                </a>
                            </div>

                        </li>
                    </ul>
                </div>
                <div class="layui-tab-item">
                    <ul>
                        <li><img th:src="${focusnewssecond.get(0).getTitleImg()}" width="350" height="236"></li>
                        <li>
                            <div style="border: 3px solid black; background-color: #333333">
                                <a th:href="${focusnewssecond.get(0).getTitleHref()}" target="_blank"
                                   style="font-size: 16px;color:white;text-align: center">
                                    <p th:text="${focusnewssecond.get(0).getTitle()}">
                                    </p>
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="layui-card layui-col-md4">
            <hr style="height: 5px;background-color: #a60000 ;margin-left: -2px">
            <div class="layui-card-header" style="color: #a60000;font-size: 18px"><b>要闻</b>
            </div>
            <div class="layui-card-body">
                <ul th:each="fnitem:${fnitems}">
                    <li>

                        <a th:href="${fnitem.getTitleUrl()}" target="_blank">
                            <p th:text="${fnitem.getTitle()}">

                            </p>

                        </a>

                    </li>
                </ul>
            </div>
        </div>
        <div class="layui-card layui-col-md4">
            <hr style="height: 5px;background-color: black">
            <div class="layui-card-header" style="color: #faa85f;font-size: 18px"><b>文明的对话</b></div>
            <div class="layui-card-body">
                <div class="layui-carousel" id="test2">
                    <div carousel-item style="position: relative;">
                        <div>
                            <img src="//n.sinaimg.cn/news/60/w520h340/20201020/d09f-kavypmp5723750.jpg">
                            <!--                            <%&#45;&#45; <span style="position: absolute; top: 0; left: 0;">“文明的对话”全球首站：卢浮宫的秘密</span>&#45;&#45;%>-->
                        </div>
                        <div><img src="//n.sinaimg.cn/news/transform/60/w520h340/20200415/bff9-isehnnk6951284.jpg">
                        </div>
                        <div><img src="//n.sinaimg.cn/news/transform/60/w520h340/20190903/5c62-ieaiqii4582394.jpg">
                        </div>
                        <div><img src="//n.sinaimg.cn/news/transform/60/w520h340/20190807/3e82-iaxiufn4961914.jpg">
                        </div>
                        <div><img src="//n.sinaimg.cn/news/transform/60/w520h340/20190807/fa1f-iaxiufn4963537.jpg">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



<!--体育新闻-->
  <div class="container">
    <div class="layui-row">
        <ul class="layui-nav layui-bg-black" lay-filter="">
            <li class="layui-nav-item "><span>体育新闻</span></li>
            <span class="layui-breadcrumb" lay-separator="|" style="margin-left: 380px">
                  <a target="_blank" href="http://sports.sina.com.cn/nba/">NBA</a>
                  <a target="_blank" href="http://sports.sina.com.cn/cba/">CBA</a>
                  <a target="_blank" href="http://sports.sina.com.cn/g/championsleague/">欧冠</a>
                  <a target="_blank" href="http://sports.sina.com.cn/g/premierleague/">英超</a>
                  <a target="_blank" href="http://sports.sina.com.cn/g/laliga/">西甲</a>
                  <a target="_blank" href="http://sports.sina.com.cn/g/seriea/">意甲</a>
                  <a target="_blank" href="http://sports.sina.com.cn/g/bundesliga/">德甲</a>
                     <a target="_blank" href="http://sports.sina.com.cn/csl/">中超</a>
                     <a target="_blank" href="http://sports.sina.com.cn/z/AFCCL2016/">亚冠</a>
                     <a target="_blank" href="http://sports.sina.com.cn/z/CHN2022/">国足</a>
                     <a target="_blank" href="http://sports.sina.com.cn/tennis/">网球</a>
                     <a target="_blank" href="http://golf.sina.com.cn/">高尔夫</a>
                     <a target="_blank" href="http://f1.sina.com.cn/">F1</a>
                     <a target="_blank" href="http://sports.sina.com.cn/hdphoto/">高清图</a>
                    <a target="_blank" href="http://sports.sina.com.cn/">更多&gt;</a>
                </span>

        </ul>
    </div>
    <div class="layui-card layui-col-md4">
        <hr style="height: 5px;background-color: #a60000">
        <div class="layui-card-header" style="color: #a60000;font-size: 18px"><b>体育专栏</b>
        </div>
        <div class="layui-card-body">
            <ul th:each="sportitem:${sportitems}">
                <li><a th:href="${sportitem.getHref()}" target="_blank"><p th:text="${sportitem.getName()}"></p></a>
                </li>
            </ul>
        </div>
    </div>
    <div class="layui-card layui-col-md4">
        <hr style="height: 5px;background-color: teal">
        <div class="layui-card-header" style="color: #1F3B7B;font-size: 18px"><b> 篮球 <span
                class="dot">·</span>NBA</b>
        </div>
        <div class="layui-card-body">
            <div class="layui-card-body">
                <ul th:each="bbitem:${bbitems}">
                    <li><a th:href="${bbitem.getHref()}" target="_blank"><p th:text="${bbitem.getName()}"
                                                                            class="m-text-size m-margin-left-Moremini"></p>
                    </a></li>
                </ul>
            </div>
        </div>
        <div class="layui-card-header" style="color: #1F3B7B;font-size: 18px"><b>国际足坛</b></div>
        <div class="layui-card-body">
            <ul th:each="fbitem:${fbitems}">
                <li><a th:href="${fbitem.getHref()}" target="_blank"><p th:text="${fbitem.getName()}"
                                                                        class="m-text-size"></p></a></li>
            </ul>
        </div>
    </div>
    <div class="layui-card layui-col-md4">
        <hr style="height: 5px;background-color: #a60000">
        <div class="layui-card-header" style="color: teal;font-size: 18px"><b>湖人专栏</b></div>
        <div class="layui-card-body">
            <ul th:each="lakeritem:${lakeritems}">
                <li><a th:href="${lakeritem.getHref()}" target="_blank"><p th:text="${lakeritem.getName()}"></p></a>
                </li>
            </ul>
        </div>
    </div>
</div>


<!--首页底边栏-->
<div class="container">
    <div class="layui-col-md12 layui-footer" style="text-align: center">
        <br>
        <br>
        <span class="layui-breadcrumb">
              <a th:href="@{/}">首页</a>
              <a href="#" id="contactme">联系我</a>
              <a href="http://175.24.57.101:8081/" target="_blank">关于我</a>
            </span>
        <h3>Copyright@imwenwen2020-2021 All Rights Reserved</h3>
    </div>
</div>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script th:src="@{/layui/layui.js}"></script>
<script th:src="@{/layui/layui.all.js}"></script>
<script>
    //
    layui.use(['element', 'laydate', 'carousel', 'form', 'layer'], function () {
        var element = layui.element;
        var laydate = layui.laydate;
        var carousel = layui.carousel;
        var layer = layui.layer;
        var form = layui.form;
        //建造实例
        carousel.render({
            elem: '#test2'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
            , indicator: 'outside'
        });
        //日期组件
        laydate.render({
            elem: '#test1'
            , theme: '#393D49'
        })
        //联系我
        $("#contactme").click(function (event) {
            layer.msg("email:1103403832@qq.com" + '\n' + "qq:1103403832")
        })
    });


</script>

</body>
</html>
